<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Mark App</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <div class="mark-container">
        <div class="mark-header">
            <h1>🎉 欢迎使用 Mark App</h1>
        </div>
        
        <div class="mark-card">
            <h2>本地文件请求拦截成功！</h2>
            <p class="mark-text-center">
                ✅ 这个页面是从wwwroot目录加载的本地HTML文件<br>
                ✅ CSS样式通过请求拦截加载<br>
                ✅ JavaScript文件通过请求拦截加载
            </p>
            <div class="mark-text-center">
                <button class="mark-button" onclick="testJavaScript()">测试JavaScript功能</button>
                <button class="mark-button" onclick="loadExternalCSS()">动态加载CSS</button>
            </div>
            <div id="output"></div>
        </div>

        <div class="mark-card">
            <h3>技术特性</h3>
            <ul style="text-align: left; max-width: 600px; margin: 0 auto;">
                <li>🔧 自定义WebView处理器</li>
                <li>🌐 跨平台请求拦截（Windows/Android/iOS）</li>
                <li>📁 本地文件代理服务</li>
                <li>🔒 安全的资源访问控制</li>
                <li>⚡ 高性能资源加载</li>
                <li>🎨 支持所有静态资源类型</li>
            </ul>
        </div>

        <div class="mark-card">
            <h3>支持的文件类型</h3>
            <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px; margin-top: 20px;">
                <div>
                    <strong>Web文件:</strong><br>
                    HTML, CSS, JavaScript, JSON
                </div>
                <div>
                    <strong>图片文件:</strong><br>
                    PNG, JPG, GIF, SVG, ICO
                </div>
                <div>
                    <strong>媒体文件:</strong><br>
                    MP4, MP3, WAV, OGG
                </div>
                <div>
                    <strong>其他文件:</strong><br>
                    PDF, TXT, XML, 二进制文件
                </div>
            </div>
        </div>
    </div>

    <script src="app.js"></script>
</body>
</html> 